<script setup>
// import NowWeather from '../components/NowWeather.vue'
// import CitySearch from '../components/CitySearch.vue'
import CitySearch from '../components/CitySearch.vue'
import NowWeather from '../components/NowWeather.vue'
import Future24HWeather2 from '../components/Future24HWeather2.vue'
import Future24HWeather from '../components/Future24HWeather.vue'
import Future7DWeather from '../components/Future7DWeather.vue'
import Livingindex from '../components/Livingindex.vue'
import bottom from '../components/bottom.vue'
</script>
<template>
  <div class="all">
    <CitySearch />
    <NowWeather />
    <!-- <Future24HWeather2 /> -->
    <div class="future">
      <div><Future24HWeather /></div>
      <div><Future7DWeather /></div>
    </div>
    <div><Livingindex /></div>
  </div>
  <bottom />
</template>
<style scoped>
.future {
  display: flex;
}
.future div {
  flex: 1;
}
</style>